<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>结果展示</title>
</head>
<body>
<div class="container">
    <div class="jumbotron">
        <h1 class="display-4">结果展示！</h1>
        <p class="lead">展示数据更新任务的执行结果。</p>
        <hr class="my-4">
        <p class="lead">此次数据更新任务的执行结果如下</p>
        <div class="card my-4">
            <form>
                <div class="card-body">
                    <h5 class="card-title">数据更新任务一</h5>
                    <hr>
                    <div class="form-group row">
                        <label for="executeResult" class="col-2 col-form-label text-right">执行结果</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="executeResult" value="成功">
                        </div>
                        <label for="spendTime" class="col-2 col-form-label text-right">所用时间</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="spendTime" value="7秒">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="startTime" class="col-2 col-form-label text-right">开始时间</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="startTime" value="2018-01-30 19:43:19">
                        </div>
                        <label for="endTime" class="col-2 col-form-label text-right">结束时间</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="endTime" value=" 2018-01-30 19:43:26">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="successTimes" class="col-2 col-form-label text-right text-success">成功次数</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext text-success" id="successTimes" value="5">
                        </div>
                        <label for="defaultTimes" class="col-2 col-form-label text-right text-danger">失败次数</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext text-danger" id="defaultTimes" value="0">
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <h5 class="card-title">数据更新任务二</h5>
                    <hr>
                    <div class="form-group row">
                        <label for="executeResult1" class="col-2 col-form-label text-right">执行结果</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="executeResult1" value="成功">
                        </div>
                        <label for="spendTime1" class="col-2 col-form-label text-right">所用时间</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="spendTime1" value="12秒">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="startTime1" class="col-2 col-form-label text-right">开始时间</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="startTime1" value=" 2018-01-30 19:43:20">
                        </div>
                        <label for="endTime1" class="col-2 col-form-label text-right">结束时间</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="endTime1" value=" 2018-01-30 19:43:32">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="successTimes1" class="col-2 col-form-label text-right text-success">成功次数</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext text-success" id="successTimes1" value="9">
                        </div>
                        <label for="defaultTimes1" class="col-2 col-form-label text-right text-danger">失败次数</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext text-danger" id="defaultTimes1" value="0">
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <h5 class="card-title">数据更新任务三</h5>
                    <hr>
                    <div class="form-group row">
                        <label for="executeResult2" class="col-2 col-form-label text-right">执行结果</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="executeResult2" value="成功">
                        </div>
                        <label for="spendTime2" class="col-2 col-form-label text-right">所用时间</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="spendTime2" value="11秒">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="startTime2" class="col-2 col-form-label text-right">开始时间</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="startTime2" value=" 2018-01-30 19:43:22">
                        </div>
                        <label for="endTime2" class="col-2 col-form-label text-right">结束时间</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext" id="endTime2" value=" 2018-01-30 19:43:33">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="successTimes2" class="col-2 col-form-label text-right text-success">成功次数</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext text-success" id="successTimes2" value="7">
                        </div>
                        <label for="defaultTimes2" class="col-2 col-form-label text-right text-danger">失败次数</label>
                        <div class="col-4">
                            <input type="text" readonly class="form-control-plaintext text-danger" id="defaultTimes2" value="0">
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>